@charset 'UTF-8';
/* Yeah Yeah I know I could have just used '*' but I'm an Idiot so I didn't. Duh... */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, ruby, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: Arial, 'Segoe UI', sans-serif;
    font-weight: 550;
    text-rendering: optimizeLegibility;
    font-smooth: never;
    font-size: 14px;
}

hgroup, h1, h2, h3, h4. h5, h6, button, command, input[type=button], input[type=submit], input[type=button]{
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
	behavior: url(../Dealing%20With%20IE%20-%20Alpha/css3-ie.htc);
    }

button{
    margin: 0;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* If you don't like the color be my guest change it */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/* Setting some Exceptions for Buttons and Submit Buttons .....  It doesn't work for IE6-8 (Ancient) use selectivizr*/

input[type="button"], input[type="submit"]{
    padding: 1px 6px;
}


/* Don't forget to assign some padding to the input fields/buttons in your CSS */

input, select {
    vertical-align:middle;
    padding: 0;
    margin: 0; 
}

/* When it's printed it won't show the text in the Href but it will show the Link it-self<br />

Eg: <a href="http://example.com">This is a Link</a>
    When you print it you get the Text Node in the Link.
    
    This fixes it.
    
    And gives you the actual link if it was for Print. 
    
    Remember to change #main-content to the main content of your page (where you have the main content)
    
    YadaYadaYada........Did I miss anything?
 */
 
 @media print  {
    #main-content a[href]:after  {
     " (" attr(href) ") ";
}}





button, input[type=button], input[type=submit], .mbutton{
    outline: none;
    background: #222 url(../images/fallback-button-overlay.png) repeat-x 0 0;
    background: -moz-linear-gradient(top, hsla(0,0%,96%,0.15) 0%, hsla(0,0%,92%,0.15) 7%, hsla(0,0%,80%,0.15) 21%, hsla(0,0%,20%,0.15) 76%, hsla(0,0%,8%,0.15) 90%, hsla(0,0%,2%,0.15) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,96%,0.15)), color-stop(7%,hsla(0,0%,92%,0.15)), color-stop(21%,hsla(0,0%,80%,0.15)), color-stop(76%,hsla(0,0%,20%,0.15)), color-stop(90%,hsla(0,0%,8%,0.15)), color-stop(100%,hsla(0,0%,2%,0.15)));
    background: -webkit-linear-gradient(top, hsla(0,0%,96%,0.15) 0%,hsla(0,0%,92%,0.15) 7%,hsla(0,0%,80%,0.15) 21%,hsla(0,0%,20%,0.15) 76%,hsla(0,0%,8%,0.15) 90%,hsla(0,0%,2%,0.15) 100%);
    background: -o-linear-gradient(top, hsla(0,0%,96%,0.15) 0%,hsla(0,0%,92%,0.15) 7%,hsla(0,0%,80%,0.15) 21%,hsla(0,0%,20%,0.15) 76%,hsla(0,0%,8%,0.15) 90%,hsla(0,0%,2%,0.15) 100%);
    background: -ms-linear-gradient(top, hsla(0,0%,96%,0.15) 0%,hsla(0,0%,92%,0.15) 7%,hsla(0,0%,80%,0.15) 21%,hsla(0,0%,20%,0.15) 76%,hsla(0,0%,8%,0.15) 90%,hsla(0,0%,2%,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26f5f5f5', endColorstr='#26050505',GradientType=0 );
    background: linear-gradient(top, hsla(0,0%,96%,0.15) 0%,hsla(0,0%,92%,0.15) 7%,hsla(0,0%,80%,0.15) 21%,hsla(0,0%,20%,0.15) 76%,hsla(0,0%,8%,0.15) 90%,hsla(0,0%,2%,0.15) 100%);
	-pie-background: linear-gradient(top, hsla(0,0%,96%,0.15) 0%,hsla(0,0%,92%,0.15) 7%,hsla(0,0%,80%,0.15) 21%,hsla(0,0%,20%,0.15) 76%,hsla(0,0%,8%,0.15) 90%,hsla(0,0%,2%,0.15) 100%);
   display: inline-block;
    padding: 5px 15px 5px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,  0,  0,  0.25);
    box-shadow: 0 1px 3px rgba(0,  0,  0,  0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,  0,  0,  0.25);
    text-shadow: 0 -1px 1px rgba(0,  0,  0,  0.25);
    border-bottom: none;
    position: relative;
    cursor: pointer;
    overflow: visible;
    width: auto;
    border: none;
    background-color: #333333;
   -moz-appearance: none;
    text-align: middle;
	behavior: url(../CSS3%20/PIE/PIE.htc);

}

button::-moz-focus-inner, input[type=button] ::-moz-focus-inner, input[type=submit]::-moz-focus-inner , .mbutton::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button:hover, input[type=button]:hover, input[type=submit]:hover, .mbutton:hover {
    background-color: #111;
    color: #fff;
}

button:active, input[type=button]:active, input[type=submit]:active , .mbutton:active{
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
}

button.small, input[type=button].small, input[type=submit].small, .mbutton.small  {
    font-size: 11px;
}

button.large, input[type=button].large, input[type=submit].large , .mbutton.large {
    font-size: 14px;
    padding: 8px 19px 9px 19px;
}

button.green, input[type=button].green, input[type=submit].green , .mbutton.green {
    background-color: #91bd09;
}

button.green:hover, input[type=button].green:hover, input[type=submit].green:hover  , .mbutton.green:hover{
    background-color: #749a02;
}

button.blue, input[type=button].blue, input[type=submit].blue , .mbutton.blue{
    background-color: #2daebf;
}

button.blue:hover, input[type=button].blue:hover, input[type=submit].blue:hover  , .mbutton.blue:hover{
    background-color: #007d9a;
}

button.red, input[type=button].red, input[type=submit].red  , .mbutton.red{
    background-color: #e33100;
}

button.red:hover, input[type=button].red:hover, input[type=submit].red:hover , .mbutton.red:hover{
    background-color: #872300;
}

button.magenta, input[type=button].magenta, input[type=submit].magenta  , .mbutton.magenta{
    background-color: #a9014b;
}

button.magenta:hover, input[type=button].magenta:hover, input[type=submit].magenta:hover  , .mbutton.magenta:hover{
    background-color: #630030;
}

button.orange, input[type=button].orange, input[type=submit].orange  , .mbutton.orange{
    background-color: #ff5c00;
}

button.orange:hover, input[type=button].orange:hover, input[type=submit].orange:hover  , .mbutton.orange:hover{
    background-color: #d45500;
}

button.orangellow, input[type=button].orangellow, input[type=submit].orangellow , .mbutton.orangellow{
    background-color: #ffb515;
}

button.orangellow:hover, input[type=button].orangellow:hover, input[type=submit].orangellow:hover , .mbutton.orangellow:hover {
    background-color: #fc9200;
}

button.white, input[type=button].white, input[type=submit].white , .mbutton.white {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666 !important;
    text-shadow: 0 1px 1px rgba(255,  255,  255,  1);
}

button.white:hover, input[type=button].white:hover, input[type=submit].white:hover , .mbutton.white:hover{
    background-color: #eee;
}

button.capsule, input[type=button].capsule, input[type=submit].capsule, .mbutton.capsule, input[type="text"].capsule, input[type="search"].capsule, input[type="password"].capsule, input[type="email"].capsule, input[type="url"].capsule{
        border-radius: 15px;
    }

	
input[type="text"].capsule, input[type="search"].capsule, input[type="password"].capsule, input[type="email"].capsule, input[type="url"].capsule{
	border: 1px solid #ccc;
	outline: none;
	padding: 1px 0 0.5px 5px;
}

.speech-bub-point {
position: relative;
padding: 15px 35px;
margin: 1em 0 3em;
color: black;
background: #F3961C;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#F9D835), to(#F3961C));
background: -moz-linear-gradient(#F9D835, #F3961C);
background: -o-linear-gradient(#F9D835, #F3961C);
background: linear-gradient(#F9D835, #F3961C);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: inline;
-pie-background:linear-gradient(#F9D835, #F3961C);
behavior: url(../CSS3%20/PIE/PIE.htc);
}

.speech-bub-point::after {
content: "";
position: absolute;
bottom: -15px;
left: 50px;
border-width: 15px 15px 0;
border-style: solid;
border-color: #F3961C transparent;
display: block;
width: 0;
}

/* Webkit ScrollBars */

::-webkit-scrollbar {
	margin: 0;
   height: 10px;
    width: 10px;
    background-color: white;
}

::-webkit-scrollbar-track {
	margin: 0;
   height: 10px;
    width: 10px;
   background-color: white;
}

::-webkit-scrollbar-thumb {
    margin: 0;
   height: 10px;
    width: 10px;
    background-color: #8a8a8a;
    opacity: 0.5;
    border-radius: 5px;
}

/* hide the real form element by opacity: 0 and position: absolute - display: block and visibility: hidden do not work because then form elements cannot get the focus and actually get checked or unchecked */
input[type="checkbox"],
input[type="radio"]
{
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
form label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
input[type="checkbox"],
input[type="radio"]
{
	position: static\9;
	margin: 5px;
}

input[type="checkbox"] + span::before,
input[type="radio"] + span::before
{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, hsla(0,0%,99%,1) 0%, hsla(0,0%,87%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,99%,1)), color-stop(100%,hsla(0,0%,87%,1)));
	background: -webkit-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	background: -o-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	background: -ms-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	background: linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	margin-right: 5px;
	-pie-background: linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	behavior: url(../CSS3%20/PIE/PIE.htc);
	}

input[type="checkbox"] + span::before{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #fff;
	border: 1px solid #e0e0e0;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, hsla(0,0%,99%,1) 0%, hsla(0,0%,87%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,99%,1)), color-stop(100%,hsla(0,0%,87%,1)));
	background: -webkit-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	background: -o-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dedede',GradientType=0 );
	background: -ms-linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	background: linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	-pie-background:linear-gradient(top, hsla(0,0%,99%,1) 0%,hsla(0,0%,87%,1) 100%);
	behavior: url(../CSS3%20/PIE/PIE.htc);

}

input[type="checkbox"]:checked + span::before
{
	content: url(../images/CheckBox-Checked.svg);
	font-size: 15px;
}

input[type="radio"] + span::before
{
border: 1px solid #A5A5A5;
border-radius: 8px;
-webkit-border-radius: 8px;
vertical-align: middle;
behavior: url(../CSS3%20/PIE/PIE.htc);

}

input[type="radio"]:checked + span::before
{
content: url(../images/Radio-Dot.svg);
font-size: 15px;
}

input[type="radio"]:active + span::before, input[type="checkbox"]:active + span::before{
cursor: default;
}

/* disabled form elements */
input[type="radio"]:disabled + span,
input[type="checkbox"]:disabled + span,
input[type="radio"]:disabled + span::before,
input[type="checkbox"]:disabled + span::before
{
	-moz-opacity: .6;
	-webkit-opacity: .6;
	opacity: .6;
}




::selection {
background: #05bdf5;
color: rgba(255, 255, 255, 0.847656);
}

::-moz-selection {
background: #05bdf5;
color: rgba(255, 255, 255, 0.847656);
}

img{
background: url('../goodies/loading%20images/Wheel%20Throbber.gif') no-repeat center;
}
pre{
position: relative;
background: #333;
color: white;
line-height: 1.8;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 16px;
width: 730px;
padding: 10px;
overflow: auto;
behavior: url(../CSS3%20/PIE/PIE.htc);
}

pre code {
padding: 0;
color: white;
background: #333;
}

code {
background: #EEE;
color: black;
font-family: 'Lucida Console', Courier, MonoSpace;
border-radius: 4px;
font-size: 16px;
padding: 0px 5px 1px 5px;
white-space: nowrap;
}
pre:after{
content: attr(rel);
position: absolute;
font-size: 24px;
top: 22px;
line-height: 0;
right: 12px;
color: orangeRed;
font-family: "Lucida Sans", HelveticaNeue, Helvetica, Arial, Sans-Serif;
font-weight: bold;
text-transform: uppercase;
}

input[type="text"], input[type="search"], input[type="password"], input[type="email"], input[type="url"]{
	appearance: textfield;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
}














